<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="css/daohang.css">
    <link rel="stylesheet" href="css/item.css">
    <link rel="stylesheet" href="css/end.css">
    <title>Document</title>
</head>
<body>
    <!-- 头部 -->
    <div class="top">
        <div class="top-c">
            <!-- 左边logo -->
            <div class="top-img">
                <img src="img/logo.png" alt="">
            </div>
            <!-- 右边导航 -->
            <ul class="top-nav">
                <li class="top-nav-t1">
                    <a href="index.html" class="top-left">
                        首页
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="project.html" class="top-left">
                        项目
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="item.html" class="top-left  active">
                        产品
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="server.html" class="top-left">
                        服务
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="news.html" class="top-left">
                        新闻
                        <span></span>
                    </a>
                </li>
                <li class="top-nav-t1">
                    <a href="about.html" class="top-left">
                        关于
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <!-- 第一部分图片 -->
        <div class="main-c">
            <div class="main-img">
                <img src="img/item-1.jpg" alt="">
            </div>
        </div>
        <!-- 第二部分导航 -->
        <div class="main-top">
            <!-- 左边导航 -->
            <span class="main-t1">您的位置：</span>
            <a href="" class="main-t2">
                产品
                <img src="img/jiantou1.png" alt="">
            </a>
            <a href="" class="main-t3">
                产品中心
            </a>
            <!-- 右边导航 -->
            <ul class="main-right">
                <li class="right-y1">
                    <a href="" class="right-y2">
                        床
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        沙发
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        桌椅
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        衣柜
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2 yo">
                        灯
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 第二部分内容 -->
        <div class="front">
            <ul class="front-g1">
                <li class="front-g2">
                    <img src="img/item-2.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2">
                    <img src="img/item-2.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2 yy">
                    <img src="img/item-2.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2">
                    <img src="img/item-2.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2">
                    <img src="img/item-2.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2 yy">
                    <img src="img/item-2.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
            </ul>
        </div>
        <!-- 第三部分导航 -->
        <div class="main-top uu">
            <!-- 左边导航 -->
            <span class="main-t1">您的位置：</span>
            <a href="" class="main-t2">
                产品
                <img src="img/jiantou1.png" alt="">
            </a>
            <a href="" class="main-t3">
                产品中心
            </a>
            <!-- 右边导航 -->
            <ul class="main-right">
                <li class="right-y1">
                    <a href="" class="right-y2">
                        床
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        沙发
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        桌椅
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        衣柜
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2 yo">
                        灯
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 第三部分内容 -->
        <div class="front">
            <ul class="front-g1">
                <li class="front-g2">
                    <img src="img/item-23.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2">
                    <img src="img/item-23.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2 yy">
                    <img src="img/item-23.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
            </ul>
        </div>
        <!-- 第四部分导航 -->
        <div class="main-top uu">
            <!-- 左边导航 -->
            <span class="main-t1">您的位置：</span>
            <a href="" class="main-t2">
                产品
                <img src="img/jiantou1.png" alt="">
            </a>
            <a href="" class="main-t3">
                产品中心
            </a>
            <!-- 右边导航 -->
            <ul class="main-right">
                <li class="right-y1">
                    <a href="" class="right-y2">
                        床
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        沙发
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        桌椅
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        衣柜
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2 yo">
                        灯
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
         <!-- 第四部分内容 -->
         <div class="front">
            <ul class="front-g1">
                <li class="front-g2">
                    <img src="img/item-33.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2">
                    <img src="img/item-33.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2 yy">
                    <img src="img/item-33.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
            </ul>
        </div>
         <!-- 第五部分导航 -->
         <div class="main-top uu">
            <!-- 左边导航 -->
            <span class="main-t1">您的位置：</span>
            <a href="" class="main-t2">
                产品
                <img src="img/jiantou1.png" alt="">
            </a>
            <a href="" class="main-t3">
                产品中心
            </a>
            <!-- 右边导航 -->
            <ul class="main-right">
                <li class="right-y1">
                    <a href="" class="right-y2">
                        床
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        沙发
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        桌椅
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        衣柜
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2 yo">
                        灯
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
         <!-- 第五部分内容 -->
         <div class="front yy">
            <ul class="front-g1">
                <li class="front-g2">
                    <img src="img/item-44.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2">
                    <img src="img/item-44.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2 yy">
                    <img src="img/item-44.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
            </ul>
        </div>
         <!-- 第六部分导航 -->
         <div class="main-top uu">
            <!-- 左边导航 -->
            <span class="main-t1">您的位置：</span>
            <a href="" class="main-t2">
                产品
                <img src="img/jiantou1.png" alt="">
            </a>
            <a href="" class="main-t3">
                产品中心
            </a>
            <!-- 右边导航 -->
            <ul class="main-right">
                <li class="right-y1">
                    <a href="" class="right-y2">
                        床
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        沙发
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        桌椅
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2">
                        衣柜
                        <span></span>
                    </a>
                    <div class="right-y2-yy">

                    </div>
                </li>
                <li class="right-y1">
                    <a href="" class="right-y2 yo">
                        灯
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
         <!-- 第六部分内容 -->
         <div class="front yy gg">
            <ul class="front-g1">
                <li class="front-g2">
                    <img src="img/item-55.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2">
                    <img src="img/item-55.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
                <li class="front-g2 yy">
                    <img src="img/item-55.png" alt="">
                    <span>PEMBERLY ROW <br>
                        软垫加州特大号床板ZUMA PUMICE</span>
                </li>
            </ul>
            
        </div>
        <!-- 结尾 -->
    <div class="end">
        <div class="end-ee">
            <dl class="end-c">
                <dt class="end-c1">简设装饰有限公司</dt>
                <dd class="end-c1"><img src="img/q.png" alt=""> <img src="img/w.png" alt=""> <img src="img/e.png" alt=""></dd>
            </dl>
            <dl class="end-d">
                <dt class="end-d1">地址：中国地区**分区6号写字楼888室</dt>
                <dd class="end-d1">电话：688-8888-008</dd>
                <dd class="end-d1">传真：000-66668888</dd>
            </dl>
            <dl class="end-f">
                <dt class="end-f1">邮编：100000 </dt>
                <dd class="end-f1">手机：186-6006-8008</dd>
                <dd class="end-f1">邮箱：00060008@163.com</dd>
            </dl> 
        </div>
       
    </div>
    </div>
</body>
</html>